var app = getApp();
Page({

  data: {
    topNews: [],//定义一个数组
    newsType: 'guoji',//新闻类型
    selsectState: [1, 0, 0, 0, 0]//选择状态
  },

  onLoad: function (options) {//页面创建时执行
    var that = this//这里声明了that；将this存在that里面
    // 访问聚合数据的网络接口-头条新闻
    // 发送一个http get请求，然后打印出返回的结果
    wx.request({//发起 HTTPS 网络请求
      url: app.globalData.juhetoutiaoBase,//开发者服务器接口地址
      data: {//请求的参数	
        type: 'guoji',//新闻类型
        key: app.globalData.juhetoutiaoKey//聚合key值
      },
      header: {//设置请求的 header
        'Content-Type': 'application/json'//服务端消息主体是序列化后的 JSON 字符串
      },
      success: function (res) {//接口调用成功的回调函数
        if (res.data.error_code == 0) {//后端返回数据
          that.setData({//这里使用了that，这样就可以获取Page({})对象
            topNews: res.data.result.data
          })
        } else {
          console.log('获取失败');
        }
      }
    })
  },

  //数据受限没有详情信息，给用户一个提示就好
  bindViewTap: function (event) {//新闻列表绑定事件
    wx.showModal({//显示模态对话框
      title: '提示',//提示的标题
      content: '实时更新，但因为免费接口资源受限，新闻详情请访问官方网站哈😘',//提示的内容
      success: function (res) {//接口调用成功的回调函数
        if (res.confirm) {//用户点击了确定按钮
          wx.showToast({//显示消息提示框
            title: "谢谢支持",//提示的内容
            duration: 1000,//提示的延迟时间
            icon: "success"//图标
          })
        } else if (res.cancel) {//用户点击了取消
          wx.showToast({
            title: "🙄🙄🙄",
            duration: 1000,
            icon: "success"
          })
        }
      }
    })
  },

  clickNation: function () {//国际，点击事件
    this.setData({//双向绑定设置自身属性
      newsType: 'guoji',
      selsectState: [1, 0, 0, 0, 0]
    })
    this.getNews();
  },
  clickSport: function () {//体育
    this.setData({
      newsType: 'tiyu',
      selsectState: [0, 1, 0, 0, 0]
    })
    this.getNews();
  },
  clickScience: function () {//科技
    this.setData({
      newsType: 'keji',
      selsectState: [0, 0, 1, 0, 0]
    })
    this.getNews();
  },
  clickHappy: function () {//娱乐
    this.setData({
      newsType: 'yule',
      selsectState: [0, 0, 0, 1, 0]
    })
    this.getNews();
  },
  clickFinance: function () {//财经
    this.setData({
      newsType: 'caijing',
      selsectState: [0, 0, 0, 0, 1]
    })
    this.getNews();
  },

  getNews: function () {
    var that = this
    // 访问聚合数据的网络接口-头条新闻
    wx.request({
      url: app.globalData.juhetoutiaoBase,
      data: {
        type: this.data.newsType,
        key: app.globalData.juhetoutiaoKey
      },
      header: {
        'Content-Type': 'application/json'
      },
      success: function (res) {
        if (res.data.error_code == 0) {
          that.setData({
            topNews: res.data.result.data
          })
        } else {
          console.log('获取失败');
        }
      }
    })
  },

  onShareAppMessage: function () {//转发
    return {
      title: '热点新闻30条~',
      desc: '分享个小程序，希望你喜欢☺️~',
      success: function (res) {
        wx.showToast({//显示消息提示框
          title: "分享成功",//提示的内容
          duration: 1000,//提示的延迟时间
          icon: "success"//图标
        })
      }
    }
  }
})